<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<title>jQuery基本语法</title>
		<!--1 第一步引入jQuery库-->
		<script type="text/javascript" src="js/jquery-1.12.4.js" ></script>
	</head>
	<body>
		<h1>jQuery基本语法</h1>
		<h3>语法1 $(selector).action()</h3>
		<img id="img1" src="img/003.jpg" width="100" />
		<input id="btn1" type="button" value="隐藏" />
		<input id="btn2" type="button" value="显示" />
		
		<h3>语法2： $(匿名函数)</h3>
		<script type="text/javascript">
			//获取jQuery对象
			var $btn1=$("#btn1");
			//使用jQuery函数,click() 设置或调用onclick事件
			$btn1.click(function(){
				$("#img1").hide();
			});
			$("#btn2").click(function(){
				$("#img1").show();
			});
			
			//语法2:当页面的dom元素解析完毕，就执行函数,比onload事件早
			$(function(){
				alert("jquery1");
			});
			$(function(){
				alert("jquery2");
			});
			$(document).ready(function(){
				alert("jQuery3");
			});
		</script>
	</body>
</html>
